<!--
 * @Author: wangshuguang
 * @Date: 2022-02-22 09:47:27
 * @LastEditTime: 2022-09-22 13:17:00
 * @LastEditors: wangshuguang
 * @Description: 流量余额记录详情
-->
<template>
  <div class="flowResidueDetail">
    <HeaderComp title="流量余额记录详情" />
    <div class="title">业务信息</div>
    <van-form input-align="right">
      <van-field readonly :value="form.businessNo" label="业务单号"  rows='1' autosize type="textarea" />
      <van-field readonly :value="form.businessTypeZh" label="类型" />
      <van-field readonly :value="form.rechargeStatusZh" label="状态" />
      <van-field readonly :value="form.symbolFlowBalance+form.flowBalance" label="流量余额" />
      <van-field readonly :value="form.remark" label="备注" rows='1' autosize type="textarea" />
      <van-field readonly :value="dateFtt('yyyy-MM-dd hh:mm', new Date(form.updateTime))" label="完成时间" />
    </van-form>
    <div class="title">支付信息</div>
    <van-form  input-align="right">
      <van-field readonly :value="form.payTranNo" label="支付单号" rows='1' autosize type="textarea" />
      <van-field readonly :value=" form.payAmount ? `￥${form.payAmount}` : ''" label="交易金额" />
      <van-field readonly :value="form.payTypeZh" label="支付方式" />
      <van-field readonly :value="dateFtt('yyyy-MM-dd hh:mm', new Date(form.updateTime))" label="支付时间" />
    </van-form>
  </div>
</template>

<script>

import { dateFtt } from "@/utils/utils";
export default {
  data(){
    return {
      dateFtt,
      form:{}
    }
  },
  mounted(){
    console.log('this.$route.query',this.$route.query)
    this.form = JSON.parse(JSON.stringify(this.$route.query))
  }
}
</script>

<style lang="less" scoped>
.flowResidueDetail{
  background: #F3F3F3;
  .title{
    font-size: 32px;
    padding: 32px;
    font-weight: bold;
  }
}
</style>